@@include('include/header.html')
<link rel="stylesheet" href="./css/webDev.css">
<link rel="stylesheet" href="./css/swiper.min.css">
<div class="content" id="webDev">
    <div class="mk1">
        <div class="litbox">
            <div class="title">全类型网站建设</div>
            <div class="miaosu">打造优质品牌形象、传统企业快速转型<br/>让网站成为企业创造生产力的奇迹力量</div>
            <div class="line"></div>
            <div class="btn">
                <a href="">查看案例</a>
            </div>
        </div>
    </div>
    <div class="mk2"></div>
    <div class="mk9">
        <div  class="bg"></div>
        <div  class="line v1"></div>
        <div  class="line v2"></div>
        <div  class="line v3"></div>
        <div  class="line v4"></div>
        <div  class="text v1">
            <div  class="num">1</div>
            <div >一站式服务</div>
        </div>
        <div  class="text v2">
            <div  class="num">0</div>
            <div >无忧售后</div>
        </div>
        <div  class="text v3">
            <div  class="num">100+</div>
            <div >成功案例</div>
        </div>
        <div  class="text v4">
            <div  class="num">50+</div>
            <div >实力团队</div>
        </div>
    </div>
    <div class="mk3">
        <div class="litbox">
            <img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/pic_title_advantage.png" alt="">
            <div class="ul">
                <div class="li fl">
                    <img class="ic" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_advantage_1.png" alt="">
                    <div class="text">提升用户体验</div>
                    <div>响应式网站建站URL适用于PC端和移动端<br/>页面内容根据设备的屏幕宽度自适应<br/>用户体验更友好</div>
                </div>
                <div class="li">
                    <img class="ic" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_advantage_2.png" alt="">
                    <div class="text">保持网页原有链接</div>
                    <div>在不同的设备上，网站的URL和HTML保持一致<br/>这样能简化搜索引擎对网站的爬行、收录和整理<br/>从而改善网站的搜索引擎可见度，提升网站的排名</div>
                </div>
                <div class="li fr">
                    <img class="ic" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_advantage_3.png" alt="">
                    <div class="text">方便维护管理</div>
                    <div>响应式网站无需为不同版本多个网站<br/>分别创建链接，编辑内容，只需维护管理一个网站<br/>拥有一套 SEO 策略或方案便绰绰有余。</div>
                </div>
            </div>
        </div>
    </div>
    <div class="mk4">
        <div class="litbox">
            <div class="title"><img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/server-web2-ic.png" alt=""></div>
            <div class="swiper swiper1">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/webpic3.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/webpic1.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/webpic2.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/webpic2.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="mk5">
        <div class="icontitle"><img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/pic_dankal_logo.png" alt=""></div>
        <img data-v-03e9622d="" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/pic_bg_bottom_2.png" class="bg">
        <form action="">
            <div class="title">“在一切开始之前，先告诉我你的需求吧”</div>
            <div class="lititle">我们不会给您过低的价格，但我们保证给您超出预期的产品效果!</div>
            <div class="inp"><input type="text" placeholder="请输入联系人"></div>
            <div class="leftright">
                <div><input type="text" placeholder="手机号/邮箱(必填)"></div>
                <div>
                    <select>
                        <option>手机</option>
                        <option>邮箱</option>
                    </select>
                </div>
            </div>
            <div class="inp"><input type="text" placeholder="请输入您的公司名称"></div>
            <div class="inp"><textarea placeholder="需求描述(必填)"></textarea></div>
            <div class="selectSubmit">
                <div class="left">
                    <select name="" id="">
                        <option disabled>项目预算</option>
                        <option>5千-1万</option>
                        <option>1万-2万</option>
                        <option>2万-3万</option>
                        <option>4万-5万</option>
                        <option>5万-10万</option>
                        <option>10万-20万</option>
                        <option>20万以上</option>
                    </select>
                </div>
                <button>提交需求</button>
            </div>
        </form>
    </div>
</div>

<script src="./js/swiper.min.js"> </script>
<script>
    var mySwiper1 = new Swiper('.swiper1', {
        loop:true,
        autoplay: true,//可选选项，自动滑动
        slidesPerView: 3,
        spaceBetween: 30,
        centeredSlides: true
    })
</script>


@@include('include/footer.html')
